﻿<%@ page language="java" pageEncoding="UTF-8"
	errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${hotelHomeVO.hotel.name }</title>
<meta name="keywords" content="${hotelHomeVO.hotel.zhname },${hotelHomeVO.hotel.enname },${dest.name},${hotelHomeVO.styleKeywords }" />
<meta name="description" content="${hotelHomeVO.hotel.summary }" />
<link rel="canonical" href="http://www.zentravel.cn/hotel/${hotelHomeVO.hotel.hotelId }"/>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<%@include file="/ui/portal/commonjscss.jsp"%>
</head>
<body>
	<div class="page">
		<c:set var="renderView" value="4" scope="page"></c:set>
		<%@include file="/ui/portal/head.jsp"%>
		<c:set var="hotel" value="${hotelHomeVO.hotel }" scope="page"></c:set>
		<c:set var="resourceType" value="1" scope="page"></c:set>
		<%@include file="/ui/portal/hotel/hotelhead.jsp"%>
		<div id="container" class="container margin10">
			<div class="hotel-detail-info">
				<div class="hotel-detail-imgs">
					<div class="imgs-left">
						<img
							src="${image_domain }${hotel.source}${hotel.normal}"
							alt="${hotel.name }" />
					</div>
					<div class="imgs-right">
						<div class="imgs-right-first">
							<img
								src="${image_domain }${hotel.image1.source}${hotel.image1.small}"
								onerror="$(this).hide()"  />
						</div>
						<div class="imgs-right-second">
							<img
								src="${image_domain }${hotel.image2.source}${hotel.image2.small}"
								onerror="$(this).hide()"/>
						</div>
					</div>
				</div>
				<c:if test="${!empty hotel.copyright }">
					<div class="hotel-detail-copy">（图片版权：${hotel.copyright }）</div>
				</c:if>
				<div class="hotel-detail-left">
					<div class="hotel-detail-note paddingbottom0">${
						hotel.content}</div>
					<c:if test="${!empty hotel.location }">
						<div class="hotel-detail-note3 hotlpaddingtop0">
							<b>位置：</b>${hotel.location }
						</div>
					</c:if>
					<c:if test="${!empty hotel.special }">
						<div class="hotel-detail-note3 hotlpaddingtop0">
							<b>特色：</b><br /> ${hotel.special}
						</div>
					</c:if>
					<c:if test="${!empty hotel.honor }">
						<div class="hotel-detail-note3 hotlpaddingtop0">
							<b>荣誉：</b><br /> ${hotel.honor}
						</div>
					</c:if>
				</div>
				<div class="hotel-detail-note2">
					<ul class="hotel-detail-service">
						<c:forEach items="${hotelHomeVO.serviceCategorys }"
							var="serivceInfo">
							<li><img
								src="${image_domain }${serivceInfo.serviceCategoryOssIcon }"
								title="${serivceInfo.serviceCategoryTip }" />
							</li>
						</c:forEach>
					</ul>
					<ul class="hotel-detail-other">
						<c:if test="${styleInfo ne '' }">
							<li><span class="l">风格：</span> <span class="r">${hotelHomeVO.style
									}</span></li>
						</c:if>
						<c:if
							test="${!empty hotel.houses  && hotel.houses ne '0'}">
							<li><span class="l">房间数：</span> <span class="r">${hotel.houses}</span>
							</li>
						</c:if>
						<c:if
							test="${!empty hotel.price && hotel.price ne '0'}">
							<li><span class="l">参考房价：</span> <span class="r">${hotel.price}</span>
							</li>
						</c:if>
						<c:if test="${!empty hotel.logo }">
							<li class="sqr">
								<div class="hotel-logo">
									<a href="${hotel.url }" target="_blank"
										title="${hotel.name }"> 
										<img alt="${hotel.name }"
										src="${image_domain }${hotel.logo}" />
									</a>
								</div>
							</li>
						</c:if>
						<c:if test="${!empty hotel.address }">
							<li><span class="l">地址：</span> <span class="r">${hotel.address}</span>
							</li>
						</c:if>
						<c:if test="${!empty hotel.tel }">
							<li><span class="l">电话：</span> <span class="r">${hotel.tel}</span>
							</li>
						</c:if>
						<c:if test="${!empty hotel.email }">
							<li><span class="l">邮箱：</span> <span class="r">${hotel.email}</span>
							</li>
						</c:if>
					</ul>
				</div>
				<!--  <div class="hotel-detail-copy">
                    （图片版权：©WienTourismus / Peter Rigaud Legend: St. Stephen’s Cathedral: view from St.
                    Stephen’s Cathedral, the Fiakers）
                </div>-->
				<div class="hotel-detail-share">
					<div class="hotel-jiashare">
						<%@include file="/ui/portal/share.jsp"%>
					</div>
					<script type="text/javascript">
						jiathis_config['title'] = '${hotel.name }';
						jiathis_config['summary'] = $('.hotel-detail-note')
								.text();

						sinaShareData = {
							shareType : 5,
							openType : 1,
							dataId : '${hotel.hotelId}'

						};
						tencentShareData = {
							shareType : 5,
							openType : 2,
							dataId : '${hotel.hotelId}'
						};
						qzoneShareData = {
								 shareType : 5,
								 openType : 2,
								 openTypeName : 'qzone',
								 dataId : '${hotel.hotelId}'
						 };
					</script>
				</div>
			</div>
			<c:if test="${roomList != null && fn:length(roomList) > 0 }">
				<div class="activity-like">
					<div class="activity-like-title margin20">
						<div class="activity-like-title-line-left">
							<hr />
						</div>
						<div class="activity-like-title-name"><a href="${cpath}/hotel/${hotel.hotelId}/2">房型</a>&nbsp;></div>
						<div class="activity-like-title-line-right">
							<hr />
						</div>
					</div>
					<div class="activity-like-inner">
						<c:forEach var="room" items="${roomList }">
							<div class="activity-like-l">
								<div class="activity-like-l-img" img-resize='true'>
									<a title="${room.zhname }"
										href="${cpath}/hotel/${room.hotelId }/2?rid=${room.resourceId }">
										<img alt="${room.zhname }" 
										src="${image_domain }${room.source}${room.small}" />
									</a>
								</div>
								<div class="activity-like-l-title">
									<a  title="${room.zhname }"
										href="${cpath}/hotel/${room.hotelId }/2?rid=${room.resourceId }">
										${room.zhname } </a>
								</div>
								<div class="activity-like-l-line">
									<hr />
								</div>
								<div class="activity-like-l-remark">${room.summary }</div>
							</div>
						</c:forEach>

					</div>
				</div>
			</c:if>
			<c:if
				test="${restaurantList != null && fn:length(restaurantList) > 0 }">
				<div class="activity-like  ">
					<div class="activity-like-title margin20">
						<div class="activity-like-title-line-left">
							<hr />
						</div>
						<div class="activity-like-title-name"><a href="${cpath}/hotel/${hotel.hotelId}/3">餐厅</a>&nbsp;></div>
						<div class="activity-like-title-line-right">
							<hr />
						</div>
					</div>
					<div class="activity-like-inner">
						<c:forEach var="restaurant" items="${restaurantList }">
							<div class="activity-like-l">
								<div class="activity-like-l-img" img-resize='true'>
									<a title="${restaurant.zhname }"
										href="${cpath}/hotel/${restaurant.hotelId }/3?rid=${restaurant.resourceId }">
										<img alt="${restaurant.zhname }" 
										src="${image_domain }${restaurant.source}${restaurant.small}" />
									</a>
								</div>
								<div class="activity-like-l-title">
									<a  title="${restaurant.zhname }" 
										href="${cpath}/hotel/${restaurant.hotelId }/3?rid=${restaurant.resourceId }">
										${restaurant.zhname } </a>
								</div>
								<div class="activity-like-l-line">
									<hr />
								</div>
								<div class="activity-like-l-remark">
									${restaurant.summary }</div>
							</div>
						</c:forEach>

					</div>
				</div>
			</c:if>
			<c:if test="${specialList != null && fn:length(specialList) > 0 }">
				<div class="activity-like  ">
					<div class="activity-like-title margin20">
						<div class="activity-like-title-line-left">
							<hr />
						</div>
						<div class="activity-like-title-name"><a href="${cpath}/hotel/${hotel.hotelId}/4">特色</a>&nbsp;></div>
						<div class="activity-like-title-line-right">
							<hr />
						</div>
					</div>
					<div class="activity-like-inner">
						<c:forEach var="special" items="${specialList }">
							<div class="activity-like-l">
								<div class="activity-like-l-img" img-resize='true'>
									<a title="${special.zhname }"
										href="${cpath}/hotel/${special.hotelId }/4?rid=${special.resourceId }">
										<img alt="${special.zhname }" 
										src="${image_domain }${special.source}${special.small}" />
									</a>
								</div>
								<div class="activity-like-l-title">
									<a  title="${special.zhname }" 
										href="${cpath}/hotel/${special.hotelId }/4?rid=${special.resourceId }">
										${special.zhname } </a>
								</div>
								<div class="activity-like-l-line">
									<hr />
								</div>
								<div class="activity-like-l-remark">
									${special.summary }</div>
							</div>
						</c:forEach>

					</div>
				</div>
			</c:if>
			<c:if
				test="${hotelHomeVO.samilarHotels != null && fn:length(hotelHomeVO.samilarHotels) > 0 }">
				<div class="activity-like">
					<div class="activity-like-title margin20">
						<div class="activity-like-title-line-left">
							<hr />
						</div>
						<div class="activity-like-title-name">可能喜欢&nbsp;></div>
						<div class="activity-like-title-line-right">
							<hr />
						</div>
					</div>
					<div class="activity-like-inner">
						<c:forEach var="hotel" items="${hotelHomeVO.samilarHotels }">
							<div class="activity-like-l">
								<div class="activity-like-l-img" img-resize='true'>
									<a title="${hotel.name }"
										href="${cpath}/hotel/${hotel.hotelId}">
										<img alt="${hotel.name }" 
										src="${image_domain }${hotel.source}${hotel.small}" />
									</a>
								</div>
								<div class="activity-like-l-title">
									<a title="${hotel.name }"
										href="${cpath}/hotel/${hotel.hotelId}">${hotel.name
										}</a>
								</div>
								<div class="activity-like-l-line">
									<hr />
								</div>
								<div class="activity-like-l-remark">
									<a title="${hotel.name }"
										href="${cpath}/hotel/${hotel.hotelId}">
										${hotel.summary }</a>
								</div>
							</div>
						</c:forEach>
					</div>
				</div>
			</c:if>
			<div class="clear"></div>
		</div>
		<%@include file="/ui/portal/footer.jsp"%>
	</div>
</body>
</html>
